/**
 * Created by Administrator on 2017-04-17 017.
 */
$(function () {
    var a = 0;
    var b = 0;
    $('.btn ul li').click(function () {
        $(this).addClass('bj').siblings().removeClass('bj');
        a = $(this).index();
        if (a > b ) {
            $('.show').eq(a).css('left','100%');
            $('.show').eq(a).animate({left:'0px'},300);
            $('.show').eq(b).animate({left:'-100%'},300);
            b = a;
        }
        if (a < b ) {
            $('.show').eq(a).css('left','-100%');
            $('.show').eq(a).animate({left:'0px'},300);
            $('.show').eq(b).animate({left:'100%'},300);
            b = a;
        }
    })
    function next() {
        a++;
        if ( a > 8) {
            a = 0;
        }
        $('.show').eq(a).css('left','100%');
        $('.show').eq(a).animate({left:'0px'},600);
        $('.show').eq(b).animate({left:'-100%'},600);
        b = a;
        $('.btn ul li').eq(a).addClass('bj').siblings().removeClass('bj');
    }
    setInterval(next,2000)
})